﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="Manager.aspx.cs" Inherits="_Default" %>

<!DOCTYPE html >
<html>
<head runat="server">
    <title></title>
    <link href="css/jquery-ui-1.8.18.custom.css" rel="stylesheet" type="text/css" />
    <script src="js/jquery-1.7.1.min.js"></script>
    <script src="js/jquery-ui-1.8.18.custom.min.js"></script>
    <script>
        // increase the default animation speed to exaggerate the effect
        $.fx.speeds._default = 1500;
        $(function () {
            $("#dialog").dialog({
                autoOpen: false,
                show: "blind",
                hide: "explode"
            });

            $("#opener").click(function () {
                $("#dialog").dialog("open");
                return false;
            });
        });
		//Tab
			$(function() {
			$( "#tabs" ).tabs();
			});
		//end tab
		$(function() {
		$( "#radio" ).buttonset();
	});
	//button
	$(function() {
		$( "input:submit, a, button", "body" ).button();
		$( "a", "body" ).click(function() { return false; });
	});
    </script>
</head>
<body>
    <form id="form1" runat="server">
    
    <div id="dialog" title="Basic dialog">
        <p>
            This is an animated dialog which is useful for displaying information. The dialog
            window can be moved, resized and closed with the 'x' icon.</p>
    </div>
    <button id="opener">
        Open Dialog</button>
        
        
        <div id="tabs">
	<ul>
		<li><a href="#tabs-catalog">Catalog</a></li>
		<li><a href="#tabs-monAn">Food</a></li>
		<li><a href="#tabs-user">Aenean lacinia</a></li>
	</ul>
	<div id="tabs-catalog" >
    <div id="radio">
		<input type="radio" id="radio1" name="radio" /><label for="radio1">Choice 1</label>
		<input type="radio" id="radio2" name="radio" checked="checked" /><label for="radio2">Choice 2</label>
		<input type="radio" id="radio3" name="radio" /><label for="radio3">Choice 3</label>
        <asp:RadioButton Text="text" runat="server" />
    </div>
    <button>A button element</button>
<input type="submit" value="A submit button"/>
	</div>
	<div id="tabs-monAn">
		<p>themxoa sua mon an</p>
        <button id="clickbt" >A button element</button>
<input type="submit" value="A submit button"/>

<a href="#">An anchor</a>
<asp:GridView ID="GridView1" runat="server" AllowPaging="True" 
        AutoGenerateColumns="False" DataKeyNames="FoodID" DataSourceID="SqlDataSource2" 
        onselectedindexchanged="GridView1_SelectedIndexChanged" PageSize="4" 
            onpageindexchanged="GridView1_PageIndexChanged" 
            onselectedindexchanging="GridView1_SelectedIndexChanging">
        <Columns>
            <asp:BoundField DataField="FoodID" HeaderText="FoodID" InsertVisible="False" 
                ReadOnly="True" SortExpression="FoodID" />
            <asp:BoundField DataField="CategoryID" HeaderText="CategoryID" 
                SortExpression="CategoryID" />
            <asp:BoundField DataField="FoodName" HeaderText="FoodName" 
                SortExpression="FoodName" />
            <asp:BoundField DataField="Description" HeaderText="Description" 
                SortExpression="Description" />
            <asp:BoundField DataField="Price" HeaderText="Price" SortExpression="Price" />
            <asp:CheckBoxField DataField="Avalable" HeaderText="Avalable" 
                SortExpression="Avalable" />
            <asp:BoundField DataField="Image" HeaderText="Image" SortExpression="Image" />
        </Columns>
    </asp:GridView>
	</div>
	<div id="tabs-user">
		<p>user</p>
		
	</div>
</div>
    <asp:Button Text="text" runat="server" onclick="Unnamed1_Click" />
    <asp:RadioButton Text="text" runat="server" />
   

    
    <asp:SqlDataSource ID="SqlDataSource2" runat="server" 
        ConnectionString="<%$ ConnectionStrings:ProjectAASP_KFCConnectionString %>" 
        SelectCommand="SELECT * FROM [Food]"></asp:SqlDataSource>
   

    </form>
</body>
</html>
